<template>
    <div class="app-container">
        <el-tabs v-model="activeName">
            <el-tab-pane label="基础信息" name="first">
                <store-detail :is-edit="true" />
            </el-tab-pane>
            <el-tab-pane label="打印设置" name="printer">
                <div>
                    <Printer />
                </div>
            </el-tab-pane>
            <el-tab-pane label="管理" name="fourth">
                <div>
                    <StoreManager />
                </div>
            </el-tab-pane>
            <el-tab-pane label="审核" name="audit">
                <div>
                    <StoreAudit />
                </div>
            </el-tab-pane>
            <el-tab-pane label="收银支付" name="pay">
                <div>
                    <WxPay :storeId="id" />
                </div>
            </el-tab-pane>
            <el-tab-pane label="其它" name="sixth">
                <div>
                    <StoreOther />
                </div>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import StoreDetail from './components/StoreDetail.vue'
import StoreManager from './components/StoreManager'
import StoreOther from '@/shop/views/store/components/StoreOther'
import StoreAudit from '@/shop/views/store/components/StoreAudit'
import WxPay from '@/pay/components/conf/WxPay'
import StorePay from '@/shop/views/store/components/StorePay'

import Printer from '@/platform/components/printer/Printer'

export default {
    components: { StoreDetail, StoreManager, StoreOther, Printer, StoreAudit, WxPay, StorePay },
    data() {
        return {
            activeName: 'first',
            id: 0
        }
    },
    created() {
        this.id = parseInt(this.$route.query.id)
    }
}
</script>
